<template>
  <div class="google-search search-button" v-on:click="xiu">
    <span>g</span>
    <span>o</span>
    <span>o</span>
    <span>g</span>
    <span>l</span>
    <span>e</span>
  </div>
</template>

<script>
export default {
  name: 'google-search',
  data () {
    return {
      myData: {
        myUrl: 'https://www.google.com/search',
        uname: 'q',
        message: 'google搜索'
      }
    }
  },
  methods: {
    xiu () {
      this.$emit('pa', this.myData)
    }
  }
}
</script>

<style scoped>
@import "button.css";
.google-search span:nth-child(1){
  color:#4285f4
}
.google-search span:nth-child(2){
  color:#ea4335
}
.google-search span:nth-child(3){
  color:#fbbc05
}
.google-search span:nth-child(4){
  color:#4285f4
}
.google-search span:nth-child(5){
  color:#34a853
}
.google-search span:nth-child(6){
  color:#ea4335
}

</style>
